import { reactive } from "vue";

/*lineEchart数据*/
export const lineEchart = reactive({
	backgroundColor: 'white',
	tooltip: {
		trigger: "axis"
	},
	title: {
		text: '使用人数统计',
		containLabel: true,
		left: '0%',
		style: {
			fontWeight: '500'
		}
	},
	legend: {
		data: ["Vue", "React", "Angular", "Flutter"],
	},
	grid: {
		left: '0%',
		right: '1.5%',
		bottom: '0%',
		containLabel: true
	},
	toolbox: {
		feature: {
			saveAsImage: {}
		}
	},
	xAxis: {
		type: "category",
		boundaryGap: false,
		data: ["2015年", "2016年", "2017年", "2018年", "2019年", "2020年", "2021年"]
	},
	yAxis: {
		type: "value"
	},
	series: [
		{
			name: "React",
			type: "line",
			stack: "总量",
			data: [220, 182, 191, 234, 290, 330, 310]
		},
		{
			name: "Angular",
			type: "line",
			stack: "总量",
			data: [150, 232, 201, 154, 190, 330, 410]
		},
		{
			name: "Flutter",
			type: "line",
			stack: "总量",
			data: [320, 332, 301, 334, 390, 330, 320]
		},
		{
			name: "Vue",
			type: "line",
			stack: "总量",
			data: [120, 132, 888, 999, 1000, 1050, 1200]
		}
	]
})

